<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 
			在书本列表，表格第一行的Checkbox，点击将后面行的所有Checkbox勾选
		 -->
		 <table border="" cellspacing="" cellpadding="">
		 	<tr><th><input type="checkbox" name="cb_sel_all" /></th></tr>
		 	<tr><td><input type="checkbox" name="cb_sel" /></td></tr>
		 	<tr><td><input type="checkbox" name="cb_sel" /></td></tr>
		 	<tr><td><input type="checkbox" name="cb_sel" /></td></tr>
		 	<tr><td><input type="checkbox" name="cb_sel" /></td></tr>
		 	<tr><td><input type="checkbox" name="cb_sel" /></td></tr>
		 </table>
		 <button type="button">获取选中的checkbox</button>
		 <script src="../js/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></script>
		 <script type="text/javascript">
		 	$(function() {
				// console.log(1);
				$("input[name='cb_sel_all']").change(function() {
					// console.log(this.checked);
					// this是一个JS对象，$("input[name='cb_sel_all']")是一个JQ对象
					// if(this.checked) {
					// 	//获取所有cb_sel复选框
					// 	$("input[name='cb_sel']").prop("checked", true);
					// } else {
					// 	$("input[name='cb_sel']").prop("checked", false);
					// }
					
					$("input[name='cb_sel']").prop("checked", this.checked);
				});
				
				$("button").click(function() {
					console.log($("input[name='cb_sel']:checked"));
				});
			});
		 </script>
	</body>
</html>
